<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>

<bean:define id="wqdata" name="hmaform" property="data"/>
<%
    String datain = request.getContextPath() + "/image/hangman/|" + wqdata;
%>

		<script type="text/javascript" language="javascript" src="<%=request.getContextPath()%>/javascript/games/hangman/hangman.js"></script>	

		<html:form action="/hangman" >
			<div class="formHeader" align="center">Hangman</div>
			<br>
			<div  class="description-small" align="center">In this you will have an opportunity to guess a word or a quote. Use the keys and buttons as appropriate.</div>
			<br>
			<!-- <div style="padding-top:2px;"> -->
				<table width="50%" class="tb1" align="center" border="0">
					<tr>
						<td width=50></td>
						<td>
							<p><img src="<%=request.getContextPath()%>/image/hangman/hmstart3.gif" height="150" width="150" name="hm"></p>
						</td>
						<td>
							<table bgcolor="C0C0C0" border="1">
								<tr>
									<td rowspan=2 align="right">
										Score : <input type="text" name="score" value="0" onfocus="score.blur();" size=2><br>
										Fails (10): <input type="text" name="lives" value="0" onfocus="lives.blur();" size=2>
									</td>
								</tr>
							</table>
							<br>
							<table class="tb1">
								<tr>
									<td align="center" bgcolor="C0C0C0">
										Select One
									</td>
								</tr>
						        <tr>
						            <td align="center">
						            <input type="radio" name="operation" value="word" CHECKED onchange="processOperation(this.form, '<%=datain%>')"> Word
						            <input type="radio" name="operation" value="quote"  onchange="processOperation(this.form, '<%=datain%>')"> Quote
						            </td>
						        </tr>
						        <tr>
						            <td align="center" bgcolor="C0C0C0">
						                <hr>
						            </td>
						        </tr>        
								<tr> 
									<td align="center">
										<input type="button" onclick="new_word(this.form, '<%=datain%>');" value="New" class="nq">   
										<input type="button" name="res" onclick="restart(this.form, '<%=datain%>');" value="Restart" disabled="true" class="nq">
									</td>
								</tr>
								<tr> 
									<td align="center">
										<input type="button" name="Refresh" value="Refresh" onClick="submitForm('/hangman.do?action=refresh')"  class="nq"/>
									</td>
								</tr>								
							</table>
						</td>
						</tr>
						<tr align="right">
							<td colspan=3>
								<div>
									<a style="font-size:10px; text-decoration:none;" href="#">H</a>
								</div>
							</td>
						</tr>
					</table>
					<br>
  
					<table bgcolor=#C0C0C0 border=1 align="center">
						<tr>
							<td class="errortext_left">
								Hint: <span id="hint"></span>
							</td>
						</tr>					
						<tr>
							<td align="center">
								<textarea rows="1" cols="81" name="word" onfocus="word.blur();" class=tarea>
								    --- Hangman ---  Click 'New' to start</textarea><br>
								Fails (10): <input type="text" name="tried" value="" onfocus="tried.blur();" size=25>&nbsp;&nbsp;
								Correct Tries: <input type="text" name="correct" value="" onfocus="tried.blur();" size=30>
							</td>
						</tr>
					</table>
					<br>

					<table bgcolor="#C0C0C0" border="1" align="center">
						<tr>
							<td><input type="button" id='A' value=" A "  onclick="seek('A','<%=datain%>');" class="alpha-butt"></td>
							<td><input type="button" id='B' value=" B "  onclick="seek('B','<%=datain%>');" class="alpha-butt"></td>
							<td><input type="button" id='C' value=" C "  onclick="seek('C','<%=datain%>');" class="alpha-butt"></td>
							<td><input type="button" id='D' value=" D "  onclick="seek('D','<%=datain%>');" class="alpha-butt"></td>
							<td><input type="button" id='E' value=" E "  onclick="seek('E','<%=datain%>');" class="alpha-butt"></td>
							<td><input type="button" id='F' value=" F "  onclick="seek('F','<%=datain%>');" class="alpha-butt"></td>
							<td><input type="button" id='G' value=" G "  onclick="seek('G','<%=datain%>');" class="alpha-butt"></td>
							<td><input type="button" id='H' value=" H "  onclick="seek('H','<%=datain%>');" class="alpha-butt"></td>
							<td><input type="button" id='I' value=" I "  onclick="seek('I','<%=datain%>');" class="alpha-butt"></td>
							<td><input type="button" id='J' value=" J "  onclick="seek('J','<%=datain%>');" class="alpha-butt"></td>
							<td><input type="button" id='K' value=" K "  onclick="seek('K','<%=datain%>');" class="alpha-butt"></td>
							<td><input type="button" id='L' value=" L "  onclick="seek('L','<%=datain%>');" class="alpha-butt"></td>
							<td><input type="button" id='M' value=" M "  onclick="seek('M','<%=datain%>');" class="alpha-butt"></td>
						</tr>
						<tr>
							<td><input type="button" id='N' value=" N "  onclick="seek('N','<%=datain%>');" class="alpha-butt"></td>
							<td><input type="button" id='O' value=" O "  onclick="seek('O','<%=datain%>');" class="alpha-butt"></td>
							<td><input type="button" id='P' value=" P "  onclick="seek('P','<%=datain%>');" class="alpha-butt"></td>
							<td><input type="button" id='Q' value=" Q "  onclick="seek('Q','<%=datain%>');" class="alpha-butt"></td>
							<td><input type="button" id='R' value=" R "  onclick="seek('R','<%=datain%>');" class="alpha-butt"></td>
							<td><input type="button" id='S' value=" S "  onclick="seek('S','<%=datain%>');" class="alpha-butt"></td>
							<td><input type="button" id='T' value=" T "  onclick="seek('T','<%=datain%>');" class="alpha-butt"></td>
							<td><input type="button" id='U' value=" U "  onclick="seek('U','<%=datain%>');" class="alpha-butt"></td>
							<td><input type="button" id='V' value=" V "  onclick="seek('V','<%=datain%>');" class="alpha-butt"></td>
							<td><input type="button" id='W' value=" W "  onclick="seek('W','<%=datain%>');" class="alpha-butt"></td>
							<td><input type="button" id='X' value=" X "  onclick="seek('X','<%=datain%>');" class="alpha-butt"></td>
							<td><input type="button" id='Y' value=" Y "  onclick="seek('Y','<%=datain%>');" class="alpha-butt"></td>
							<td><input type="button" id='Z' value=" Z "  onclick="seek('Z','<%=datain%>');" class="alpha-butt"></td>
						</tr>
					</table>
				<!-- </div> -->
			</html:form>


